<template>
  <div>
      <!-- 1,静态页面 -->
      <ul>
          <li v-for="(val,index) in num">
              <span>{{val}}</span>
              <!-- 2,注册点击事件 -->
              <button @click="delFn(index)">删除</button>
          </li>
      </ul>
      <button @click="addFn">生成</button>
  </div>
</template>

<script>
export default {
    data(){
        return{
            num:[1,3,5]
        }
    },
    //处理事件函数
    methods:{
        delFn(index){
            //数组中的splice删除方法
            this.num.splice(index,1)
        },
        addFn(){
            // this.num=this.num.push(Math.random())
            this.num.push(Math.floor(Math.random()*10))
        },
    }

}
</script>

<style>

</style>